.container {
  position:relative; overflow:hidden;
  border: 1px solid black; height:100px;
}

.slide-left, .slide-right {
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  width: 100%; padding: 10px;
}

.slide-left.ng-enter, .slide-left.ng-leave,
.slide-right.ng-enter, .slide-right.ng-leave {
  -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) .5s;
  -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) .5s;
  -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) .5s;
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) .5s;
}

.slide-left.ng-enter { left: 100%; }
.slide-left.ng-enter.ng-enter-active { left: 0; }
.slide-left.ng-leave { left: 0; }
.slide-left.ng-leave.ng-leave-active { left: -100%; }

.slide-right.ng-enter { left: -100%; }
.slide-right.ng-enter.ng-enter-active { left: 0; }
.slide-right.ng-leave { left: 0; }
.slide-right.ng-leave.ng-leave-active { left: 100%; }